<!--# include virtual="/lib/common-head.html"  wait="yes" -->
  <title> my vue </title>
  <style>
    .layui-layout-admin .layui-body>.layui-tab-content, .layui-layout-admin .layui-body>.layui-tab-content>.layui-tab-item{
      overflow: auto !important;
    }
    /* .layui-tab-content {
      background: url('__IMG__/bg.png') center center no-repeat;
    } */
    .theme-wrap,.lang-wrap{ }
    .theme-wrap>div{ display: inline-block;width: 50px;height: 40px;cursor: pointer;margin: 1px 2px 1px; }
    .lang-wrap>div{
      cursor: pointer;margin: 1px 2px 1px;
    }
    .theme-wrap>.theme{ border-color: transparent !important;border-radius: 5px;transition: all .5; }
    .lang-wrap>.lang{
      border: 2px #8abbe69c solid;border-radius: 5px;transition: all .5;
    }
  </style>
<!--# include virtual="/lib/common-lib.html" wait="yes" -->
  <link rel="stylesheet" href="./static/css/flex.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-logo hvr-pop js-tab" data-href="welcome" data-tab="0" title="欢迎页" style="width: 185px;"> RainbowPhp </div>
  <!-- 头部区域 -->
  <div class="layui-header">
    <div class="header-left" style="margin-left: 185px;">
      <a href="javascript:;" class="js-hide-menu switch-menu-wrap" title="转换侧边栏"><i class="fa fa-bars"></i></a>
      <!-- 显示/隐藏菜单 -->
      <a href="javascript:;" class="iconfont hideMenu icon-menu1">
      </a>
      <!-- 搜索 -->
      <!-- <div class="layui-form component">
            <select name="modules" lay-verify="required" lay-search="">
            <option value="">直接选择或搜索选择</option>
             <option value="1">layer</option>
            </select>
            <i class="layui-icon">&#xe615;</i>
        </div> -->
      <ul class="layui-nav layui-layout-left layui-nav-mini">
      </ul>
      <div class="js-hide-menu" style="height: 100%;width: 550px;"></div>
    </div>

    <ul class="layui-nav layui-layout-right header-mid p0">
      <li class="layui-nav-item">
        <a data-href="user/detail" class="js-my js-tab pointer" data-title="用户详情">
          <img src="<!--# echo var='ava_url' -->?uid=1&size=60&fresh=1" class="layui-nav-img">
        <span class="layui-nav-more"></span></a>
        <dl class="layui-nav-child">
          <dd><a data-href="user/detail" class="js-my pointer js-tab">基本资料</a></dd>
          <dd><a href="javascript:void(0);" class="js-set-theme" data-theme="cyan">风格设置</a></dd>
          <hr>
          <dd><a href="javascript:void(0);" class="js-tab" data-tab="users-1">系统设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item hvr-push">
        <a href="javascript:;" class="js-todo" style="font-size: 0">
          <i class="layui-icon layui-icon-notice"></i>
          <i class="layui-badge" style="border-radius: 50%;margin: -11px 0px 0;">5</i>
          <!-- <span class="layui-badge-dot"></span> -->
        </a>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right header-right">
      <li class="layui-nav-item">
        <!-- <a href='<!- -# echo var="api_url" - ->manager/logout.html' class="ajax-get pl10 pr10 layer-msg js-logout" title="退出"> <i class="fa fa-sign-out"></i></a> -->
        <a href='javascript:;' class=" js-todo ajax-get pl10 pr10 layer-msg js-logout" title="退出"> <i class="fa fa-sign-out"></i></a>
      </li>
      <li class="layui-nav-item"><a href="javascript:;" class="pl0 pr10 js-refresh" title="刷新"> <i class="layui-icon layui-icon-refresh"></i></a></li>
      <li class="layui-nav-item">
        <a href="javascript:;" class="pl0 pr10" id="admin-fullscreen" title="全屏"><i class="layui-icon layui-icon-screen-full"></i> <span class="admin-fullText"></span> </a>
      </li>
    </ul>
  </div>

  <!-- 左侧导航区域 -->
  <div class="layui-side side-menu">
    <div class="layui-side-scroll">
      <ul class="layui-nav layui-nav-tree layui-nav-side" lay-filter="side-menu" lay-shrink=""></ul>
    </div>
  </div>
    <!-- 内容主体 -->
  <div class="layui-body layui-tab" lay-filter="mainTab" lay-allowClose="true" id="mainTab">
    <ul class="layui-tab-title" style="position: relative;left: 0;top: 0px; ">
      <!-- <li lay-id="iframe0"><i class="fa fa-desktop"></i></li> -->
    </ul>
    <div class="layui-tab-content" style="position: absolute;left: 0;top: 32px;">
      <!-- <div class="layui-tab-item">
        <iframe id="iframe0" src="{:url('manager/welcome')}" frameborder="0" style="width:100%;height:100%;"></iframe>
      </div> -->
    </div>
    <!--# include virtual="/lib/admin-footer.html" -->
  </div>
</div>
<script src="./static/js/index.js"></script>
</body>
</html>